<template>
	<view class="Body service">
		<view class="Site PageBox">
			<view class="van-nav-bar van-nav-bar--fixed">
				<view class="van-nav-bar__content">
					<view class="van-nav-bar__left" @click="back">
						<u-icon name="arrow-left" color="#222" size="28rpx"></u-icon>
					</view>
					<view class="van-nav-bar__title van-ellipsis">{{common.tiao[0]}}</view>
					<view>
					</view>
				</view>
			</view>

			<uni-page-wrapper><uni-page-body><uni-view data-v-4d55393d=""
						style="padding-left: 8px; padding-right: 8px; padding-top: 8px;">
						<div data-v-4d55393d="" class="index_articleTitle__knCl0">
							<h1 data-v-4d55393d="" class="index_articleTitleText__C2mRy">{{common.tiao[0]}}</h1>
						</div>
						<div data-v-4d55393d="" class="index_articleInfo__nuXrq">
							<div data-v-4d55393d="" class="index_articleInfoInner__I4OvF">
								<div data-v-4d55393d="" class="index_authorAndTimes__-rGYF">
									<div data-v-4d55393d="" class="index_authorWrap__soNWU" style="    align-items: center;
    display: flex;
    margin-bottom: 8px;"><img data-v-4d55393d=""
											src="/static/image/logo.png" alt="NYSE" loading="auto" width="40"
											height="40" class="index_authorImg__a+600">
										<div data-v-4d55393d="" class="index_authorName__nUbrN" style="margin-left: 10px;;">{{data.site_title}}</div>
									</div>
									<div data-v-4d55393d="" class="index_articleTimes__OGnCw">
										<div data-v-4d55393d="" class="index_publishTime__mQ6lE"> {{data.addtime}}</div>
									</div>
								</div>
							</div>
						</div>
						<div data-v-4d55393d="" class="article-content-wrap"
							style="padding-left: 8px; padding-right: 8px;"><uni-rich-text data-v-4d55393d=""
								selectable="true"
								style="user-select: text; line-height: 20px;">
								<div style="position: relative;">
								
									    <rich-text :nodes="data.content"></rich-text>

									<uni-resize-sensor>
										<div>
											<div></div>
										</div>
										<div>
											<div></div>
										</div>
									</uni-resize-sensor></div>
							</uni-rich-text></div>
					</uni-view></uni-page-body></uni-page-wrapper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: [],
			};
		},
		onLoad() {
			this.getInformation()
		},
		methods: {
			getInformation() {
				this.$u.api.index.getInformations(2).then(res => {
					this.data = res.data
				})
			},

			dumprun(url) {
				uni.navigateTo({
					url
				})
			},

			back() {
				uni.navigateBack(-1)
			}
		},
		computed: {
			common() {
				return this.$t("common")
			},
		}
	}
</script>

<style scoped lang="scss">
	.ScrollBox {
		padding: 0 !important;
	}

	.Site .van-nav-bar .van-icon {
		font-size: 1.5rem !important;
		color: #bbb !important;
	}

	.PageBox {
		color: #635327;
		padding-top: 40px;
		background-color: #2A2D34 !important;
	}

	.van-nav-bar {
		background-color: #2A2D34 !important;
	}

	.van-nav-bar .van-nav-bar__title {
		color: #222;
		font-weight: 700
	}

	.ScrollBox {
		background-color: #2A2D34;
	}

	.van-cell {
		padding: 17px 0;
		background-color: #191c23
	}

	.van-cell__title {
		color: #e7e7e7
	}



	.service {
		padding: 30rpx;
		background-color: #2A2D34;

		.service_list {
			.service_item {
				margin-bottom: 20rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #222;
				height: 100rpx;
				border-radius: 12rpx;
				background-color: #03E4DF;
			}
		}
	}
</style>